#index-bar{ overflow:hidden;}
.com-barimg img{width:100%; height:100%; object-fit:cover;}
.section-1:hover{transition:all .4s;}
/*图片放大 鼠标放上*/
#index-bar .com-barimg:hover img {
    transform: scale(1.1);
    transition: all 0.1s ease-in-out;
}
#index-bar .com-barimg:not(:hover) img {
    transform: scale(1);
    transition: all 0.4s ease-in-out;
}
.section-1{ position:relative; overflow:hidden;}
.section-2{ position:relative; overflow:hidden; }
.section-3{ position:relative;  overflow:hidden; }
.section-4{ position:relative; padding-left:6rem; }
.com-barsmallimg{ display:none;}
.section-1 .title{width:100%;position:absolute; right:6%; top:18%;  font-size:2rem; line-height:2.5em; color:rgba(255,255,255,0.9); font-size:1.8rem;text-align:right;}
.section-1 .title.active .tit{color:rgba(255,255,255,0.9);}
.section-1 .index-banner-bottom-overiew .index-banner-medium-title{ text-align:left;}
.section-1 .index-banner-bottom-overiew .grid{ padding-top:8rem;}
.section-2 .title{width:100%;position:absolute; left:0; top:30%; right:0; bottom:0; line-height:2.5em; color:rgba(255,255,255,0.9); font-size:1.8rem;text-align:right;}	
.section-2 .index-banner-bottom-overiew{  position:absolute; left:4rem; bottom:6rem;}
.index-banner-topbox{  width:100%; height:28rem; background-color:var(--web-theme-color);}
.index-banner-toptitle{ padding-top:12rem; font-size:18rem; text-align:center; color:var(--web-theme-color-white);}
.index-banner-info-content{display:grid; grid-template-columns:repeat(2,auto); justify-content: space-between; padding:0 2rem; padding-bottom:10rem;  margin-top:12rem; }
.index-banner-info{ padding:0 4rem; }
.index-banner-info .index-banner-large-title{ color:var(--web-theme-color);}
.index-banner-info .index-banner-medium-title{ padding-top:8rem; text-align:left; font-weight:lighter; letter-spacing:5px; color:#474443;}
.index-banner-info p{ width:min(80%,1200px); padding-top:12rem; font-size:1.8rem; line-height:1.8em;   color:#333;}
.index-banner-info p b{color:#333;}
.index-banner-info p:last-child{ padding-top:2rem;}
.section-3 .index-banner-info-content{ display:grid;grid-template-columns:80% 20%; padding-bottom:14rem;}
.section-3 .index-banner-bottom-overiew{  position:absolute; left:4rem; bottom:0rem;}
.section-4 .index-banner-large-title{  font-size:16rem; text-align:left;line-height:1.4em; color:var(--web-theme-color); padding-bottom:12rem;}
.section-4 .index-banner-large-title b{font-size:7rem; vertical-align:super; }
.section-4 .index-banner-bottom-overiew{ position:absolute; left:1rem; bottom:8rem;}
.section-5{ position:relative; background-color:var(--web-theme-color); padding-top:8rem; }
.section-5 .index-banner-large-title{ padding-left:6rem; text-align:left;  line-height:1.5em; font-size:16rem; color:var(--web-theme-color-white); padding-bottom:12rem; }
.section-5 .index-banner-large-title b{margin-left:5rem; padding-top:2rem; line-height:1em; font-size:7rem; vertical-align:super; }
.section-5 .index-banner-bottom-overiew{ position:absolute; left:1rem; bottom:7rem;}		
@media screen and (max-width: 1750px) {
.index-banner-topbox{ height:24rem;}	
.index-banner-toptitle{  padding-top:10rem; font-size:15rem;}
}			
@media screen and (max-width: 1400px) {
.index-banner-topbox{height:22rem; }		
.index-banner-toptitle{  font-size:12rem;}
.index-banner-info-content{ padding-bottom:14rem;  margin-top:10vh; }
}
@media screen and (max-width: 1023px) {	
/*section-1*/	
#index-bar .section-1 .title.active .tit{ position:absolute; right:-2%; top:22%; font-size:2rem; font-weight:bold; color:#333;  text-align:left; }	
.section-1 .index-banner-bottom-overiew .grid{ border-bottom:none; padding-top:2rem;}	
.section-1 .index-banner-bottom-overiew .grid img{ display:none;}
.section-1 .index-banner-bottom-overiew{ position:absolute; left:6rem; bottom:8rem;}
.com-barimg{ display:none;}
.com-barsmallimg{ display:block;}
.com-barsmallimg img{width:100%; height:100%; object-fit:cover;}
/*section-2*/
.section-2 .title{width:100%;position:absolute; left:0; top:22%; right:0; bottom:0; font-size:1.8rem; text-align:right;}	
.section-2 .title img{ width:10%;}	
.section-2 .index-banner-medium-title{ padding-top:1.6rem; font-weight:normal;}
.section-2 .index-banner-bottom-overiew{ display:none;}
/*section-3*/
.section-3{ padding-bottom:3vh;}
.section-3 .index-banner-info-content{ display:grid;grid-template-columns:1fr; padding-bottom:0rem;}
.index-banner-topbox{height:14rem; }
.index-banner-toptitle{padding-top:5rem; font-size:6rem; }
.section-3 .index-banner-bottom-overiew{ display:none;} 
.index-banner-info{ padding:0; }
.index-banner-info-content{display:grid; grid-template-columns:auto;align-items: center;  padding-bottom:10rem;  margin-top:10rem; padding:0 2rem; grid-row-gap:20px; }
.index-banner-info .index-banner-medium-title{ padding-top:3rem;}
.index-banner-info p{ width:100%; padding-top:2rem; font-size:1.8rem; }
.index-banner-infoimg{ display:block;}
/*section-4*/
.section-4{ position:relative; padding-left:0; }
.section-4 .index-banner-large-title{ display:none; } 
.section-4 .index-banner-bottom-overiew{ display:none;} 
/*section-5*/
.section-5{padding-top:2rem;}
.section-5 .index-banner-txt{ display:none;}
.section-5 .index-banner-bottom-overiew{ display:none;} 
}